﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="keywords" content="{$sys.name}">
<meta name="description" content="{$sys.name}">
<title>{$sys.name}</title>

    <!-- 从写放大效果 -->


    <link href="__INDEX__/cw/base.css" rel="stylesheet" type="text/css" />

<link href="__INDEX__/templates/zh/en/css/style.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.ico">
<script src="__INDEX__/templates/zh/en/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="__INDEX__/templates/zh/en/js/metatitle.js" type="text/javascript"></script><link href="__INDEX__/templates/zh/en/css/cloud-zoom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__INDEX__/templates/zh/en/js/jquery.min.js"></script>
<script type="text/javascript" src="__INDEX__/templates/zh/en/js/cloud-zoom.1.0.2.js"></script>

    <script type="text/javascript" src="__INDEX__/cw/base.js"></script>
    <script type="text/javascript" src="__INDEX__/cw/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="__INDEX__/cw/jquery.jqzoom.js"></script>

<script>
$.fn.CloudZoom.defaults = {<!--  start 缩放大小设置 -->
	zoomWidth: '320',
    zoomHeight: '320',
	position: 'right',
    tint: false,
    tintOpacity: 0.5,
    lensOpacity: 0.5,
    softFocus: false,
    smoothMove: 4,
    showTitle: true,
    titleOpacity: 0.5,
    adjustX: 0,
    adjustY: 0
}<!--  end 缩放大小设置 -->
document.title = "{$sys.name}";//标题从命名
</script>

<script src="__INDEX__/templates/zh/en/js/jsScroller.js" type="text/javascript"></script>
<script src="__INDEX__/templates/zh/en/js/jsScrollbar.js" type="text/javascript"></script>
<script type="text/javascript">
var scroller  = null;
var scrollbar = null;
window.onload = function () {
  scroller  = new jsScroller(document.getElementById("Scroller-1"), 400, 200);
  scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, false);
}
</script>
<link href="__INDEX__/templates/zh/en/css/Scrollbar.css" type="text/css" rel="stylesheet" />


<script>
$(document).ready(function(){
  
  $('.pro_part').mousemove(function(){
  $(this).find('.pro_cc').slideDown(300);
  $(this).find('.pro_tt').slideUp(300);
  });
  $('.pro_part').mouseleave(function(){
  $(this).find('.pro_cc').slideUp(300);
  $(this).find('.pro_tt').slideDown(300);
  });
  
});
</script>
</head>

<body  oncopy="document.selection.empty()" onselect="document.selection.empty()">

<style>
#jiathis_weixin_share {display:none;}
</style>
<script>
function qrshow()
{
	var weixin = document.getElementById("jiathis_weixin_share")
	weixin.style.display="block";
}
function qrhide()
{
	var weixin = document.getElementById("jiathis_weixin_share")
	weixin.style.display="none";
}
</script>
<div id="jiathis_weixin_share" style="position: fixed; z-index: 10000000001;">
  <div id="jiathis_weixin_modal" style="background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.3);  border-radius: 6px 6px 6px 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -200px 0 0 -200px;overflow: hidden; position: fixed; top: 50%; width:360px;height:360px; overflow:hidden; border:1px solid #999;" class="jiathis_weixin_modal">
    <div class="jiathis_modal_header" id="jiathis_modal_header" style="border-bottom: 1px solid #EEEEEE; padding: 9px 15px;">
      <a style="text-decoration:none;  margin-top: 2px; color: #000000; float: right;  font-size: 20px;  font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;" class="jiathis_weixin_close" id="jiathis_weixin_close" onclick="qrhide()" target="_self">×</a>
      <h3 id="jiathis_weixin_h3" style=" line-height: 30px; margin: 0; font-weight:normal;">
        Share to wechat
      </h3>
    </div>
    <div class="jiathis_modal_body" id="jiathis_modal_body" style="text-align:center;height:251px;">
      <p id="jiathis_webchat">
        <img src="__INDEX__/templates/zh/en/images/qrcode.jpg" width="220" height="220" alt="二维码加载失败..." style="margin-top: 15px;">
      </p>
    </div>
    <div class="jiathis_modal_footer" id="jiathis_modal_footer" style="border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; height:100%;padding:0 10px;padding-top:11px;text-align: right; font-size:12px;">
      <div id="jiathis_weixin_tip" style="text-align:left;margin:0; padding:0;font-size:12px;">
        Open wechat app, Click "find" on the bottom and Scan the QR code.
      </div>
    </div>
  </div>
</div>

{include file="public/top"}

<div id="page">
    <div id="left">
        <div class="left_in">
            {volist name="cateData" id="data"}
            <div class="left_tit">
                {if condition="$data['cateName'] neq '-1'"}
                {$data.cateName} CATEGORIES
                {else /}
                PRODUCTS CATEGORIES
                {/if}
            </div>
                <ul>
                    {if condition="$data['cateName'] neq '-1'"}
                        {if condition="$data['children'] neq '-1'"}
                            {volist name="data.children" id="data2"}
                                <li>
                                    <a href="{:url('product/index',array('id'=>$data2.id))}">{$data2.cateName}</a><!-- 超链接未完成 -->
                                    <dl></dl>
                                </li>
                            {/volist}
                        {/if}
                    {/if}
                </ul>
            {/volist}
        </div>

        <script>
        //menu
        $(document).ready(function(){

          $('.more').click(function(){
          $(this).parent('li').find('dl').slideToggle(150);
          $(this).toggleClass("moreout");
          });

        });
        </script>
    </div>


  <div id="right">

      <div class="pro_page">

      <div class="pro_position">

    
          <div class="pro_right">
              <div class="protitle">{$proData.keys}</div>
              <div class="Container">
                  <div id="Scroller-1"><div class="Scroller-Container">{$proData.desc}</div></div>
                  <div id="Scrollbar-Container"><div class="Scrollbar-Track"><div class="Scrollbar-Handle"></div></div></div>
              </div>
          </div><!--pro_right-->
        
        <div class="clear"></div>
      </div>
    
    <div class="pro_others">
        {if condition="$proData.thumb2 neq '' && $proData.thumb3 neq '' && $proData.thumb4 neq ''"}
      <div class="pro_otitle">Others</div>
        {/if}
        {if condition="$proData.thumb2 neq ''"}<!-- 图片2 -->
      <div class="pro_opart">
        <div style="float:left;">
          <div><a href="#"><img src="/lightweb/{$proData.thumb2}" /></a></div>
          <p><a href="#">P6</a></p>
        </div>
          {/if}
      </div>
        {if condition="$proData.thumb3 neq ''"}<!-- 图片3 -->
        <div class="pro_opart">
        <div style="">
          <div><a href="#"><img src="/lightweb/{$proData.thumb3}" /></a></div>
          <p><a href="#">P5</a></p>
        </div>
      </div>
        {/if}
        {if condition="$proData.thumb4 neq ''"}<!-- 图片4 -->
            <div class="pro_opart">
        <div style="float:right;">
          <div><a href="#"><img src="/lightweb/{$proData.thumb4}" /></a></div>
          <p><a href="#">p2</a></p>
        </div>
        {/if}
      </div>
      
                  <div class="clear"></div>
    </div>
    
    </div><!--pro_page-->
  </div><!--right-->
  
  <div class="clear"></div>
</div><!--page-->

{include file="public/low"}

</body>

<!-- Mirrored from www.designerchandelier.cn/msg.php?id=304&fid=27 by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 07 Mar 2018 13:51:44 GMT -->
</html>